Playlist V1 : Une petite idée, comme ça!

Durée estimée: 45 minutes

Présentation:

Cette première version affiche une image de Coluche et diffuse son appel du 26 septembre 1985 quand on clique sur l'image.

C'est une application simple. Peut être votre première application App Inventor.

Si vous maitrisez déjà "boutons, media, propriétés et évènements", vous pouvez lire rapidement cette page et passer directement à la version suivante.

Objectifs:

Dans cette leçon vous allez :
  • créer l'application et la faire tourner sur votre mobile,
  • naviguer dans l'environnement de développement d'App Inventor,
  • compléter votre compréhension de ce qu'est un programme dans App Inventor,
  • et de la notion d'évènements (event handlers).

Point de départ:

Démarrez avec un canevas d'application en cliquant sur ce lien.

Vous pouvez aussi créer un nouveau projet, mais dans ce cas vous devrez importer l'image et la bande son de Coluche sur votre PC, puis dans les media de l'application.

Réalisation

Suivez les instructions de la vidéo ci-dessous. Nous vous suggérons d'ouvrir App Inventor dans une fenêtre et la vidéo dans une autre, ou d'utiliser votre smartphone pour la vidéo. Faites des pauses ou revenez en arrière à tout moment.

L'idéal est de travailler à deux. Dans ce cas alternez les rôles entre le "navigateur" qui a le clavier et le "pilote" qui analyse et donne les orientations. C'est ce qu'on appelle le "pair programming" : c'est très efficace pour apprendre.

Auto-contrôle

Après avoir réalisé et testé votre application, faites les exercices suivants, de préférence en groupe, en discutant des réponses.

Not yet started
1 point
App Inventor est un ou une :
(cochez toutes les réponses valides)
Not yet started
1 point
Dans liste suivante, quels éléments sont considérés comme partie de l'interface utilisateur (UI) d'une application ?
Cocher tous ceux qui correspondent.
Not yet started
1 point
Dans la Palette, quel onglet contient le composant "Lecteur" ?
Not yet started
1 point
Dans la liste suivante, quels sont les composants?
Not yet started
1 point
Quels éléments de cette liste, sont considérés comme un évènement par votre smartphone ?
Cocher tous ceux pour qui c'est le cas.
1 point  
1 point  

Réflexions à conduire et inclure dans votre Portfolio

Dans votre portfolio, allez à la page 2.02 Une petite idée et répondez aux questions suivantes :

  1. Décrivez, avec des mots à vous, en quoi consiste la programmation évènementielle (event driven programming).
  2. Quel gestionnaire d'évènement (event handler) a été utilisé dans l'apppli une petite idée ? Comment a t-il été utilisé ?
  3. Est-il possible de cérer une application sans utiliser un gestionnaire d'évènement (event handler) ? Expliquez pourquoi.
  4. Quels éléments et composants constituent l'Interface Utilisateur (UI) dans l'appli Une petite idée comme ça ?
  5. Citez des éléments de l'interface utilisateur UI d'une voiture ? d'un distributeur de boissons ?